<template>
  <a-card class="card" title="借款详情" :bordered="false">
    <div class="loan-details-container">
      <a-descriptions title="">
        <a-descriptions-item label="申请时间">{{ loanDetails.create_time }}</a-descriptions-item>
        <a-descriptions-item label="借款金额">$ {{ loanDetails.borrow_money }}</a-descriptions-item>
        <a-descriptions-item label="手续费">$ {{ loanDetails.poundage }}</a-descriptions-item>：
        <a-descriptions-item label="利息比例">{{ loanDetails.interest }}</a-descriptions-item>
        <a-descriptions-item label="滞纳金比例">{{ loanDetails.delay_payment }} %</a-descriptions-item>：
        <a-descriptions-item label="借款总期限">{{ loanDetails.repay_methods | days }}天</a-descriptions-item>
        <a-descriptions-item label="借贷卡">{{ loanDetails.credit_account | empty }}</a-descriptions-item>
        <a-descriptions-item label="借款状态">{{ loanDetails.status | status }}</a-descriptions-item>
        <a-descriptions-item label="还款状态">{{ loanDetails.re_status | reStatus }}</a-descriptions-item>
      </a-descriptions>
      <RepaymentTable :data="loanDetails.repayments" />
    </div>
  </a-card>
</template>

<script>
import RepaymentTable from '../table/Repayment.vue'
import props from '../props'
import filters from '@/utils/mixins/order/loan/filters'

export default {
  mixins: [props, filters],

  components: {
    RepaymentTable,
  },
}
</script>
